<Card
  title="Google Docs"
  icon={
    <svg
      xmlns="http://www.w3.org/2000/svg"
      width={24}
      height={24}
      xmlSpace="preserve"
      style={{
        enableBackground: "new 0 0 64 88",
      }}
      viewBox="0 0 64 88"
      {...props}
    >
      <title>{"Google Docs icon"}</title>
      <path
        d="M58 88H6c-3.3 0-6-2.7-6-6V6c0-3.3 2.7-6 6-6h36l22 22v60c0 3.3-2.7 6-6 6z"
        style={{
          fill: "#3086f6",
        }}
      />
      <path
        d="m42 0 22 22H42V0z"
        style={{
          fill: "#0c67d6",
        }}
      />
      <path
        d="M50 39H14v-5h36v5zm0 7H14v5h36v-5zM40 58H14v5h26v-5z"
        style={{
          fill: "#fdffff",
        }}
      />
    </svg>
  }
  href="/mcp-server/google_docs"
></Card> 